<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/03-1.css" />
		<script src="https://unpkg.com/vue@next"></script>
	</head>
	<body>
		<div id="counter">
			<h2 class="per">{{persional}}</h2>
			<div class="back">
				<p><span>姓名:</span>{{name}}</p>
				<p><span>年龄:</span>{{age}}</p>
				<p><span>兴趣爱好:</span>{{hib}}</p>
				<p><span>专业:</span>{{career}}</p>
			</div>
			
			
		</div>
	</body>
	<script>
		const Counter={
			data(){
				return{
					persional:"个人基本信息",
					name:"赛比热亚",
					age:21,
					hib:"吃饭，睡觉，打游戏",
					career:"计算机应用技术"
				}
			}
		}
		Vue.createApp(Counter).mount('#counter')
	</script>
</html>